<template>
    <div>
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item>
                    <i class="el-icon-lx-calendar"></i>调查
                </el-breadcrumb-item>
                <el-breadcrumb-item>调查任务处理</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <span>基本信息</span>
        <div class="container">
            <div>
                <el-form :model="null" label-width="100px">
                    <!--                    第一行-->
                    <el-row type="flex">
                        <el-col :span="5">
                            <el-form-item label="经办机构编码">
                                <el-input :disabled="true" style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" offset="1">
                            <el-form-item label="统筹区号">
                                <el-select style="width: 100%" :disabled="true">
                                    <el-option label="001" value="西安中科软"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" offset="1">
                            <el-form-item label="医疗机构编码">
                                <el-select style="width: 100%" :disabled="true">
                                    <el-option label="001" value="西安中科软"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" offset="1" :disabled="true">
                            <el-form-item label="就诊流水号">
                                <el-input :disabled="true" style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--                    第二行-->
                    <el-row type="flex">
                        <el-col :span="5">
                            <el-form-item label="个人标号">
                                <el-input :disabled="true" style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="被保险人">
                                <el-input :disabled="true" style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="证件号">
                                <el-input :disabled="true" style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" offset="1">
                            <el-form-item label="医院等级">
                                <el-select :disabled="true" style="width: 100%">
                                    <el-option label="001" value="西安中科软"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--                    第三行-->
                    <el-row type="flex">
                        <el-col :span="5">
                            <el-form-item label="医疗类别">
                                <el-select :disabled="true" style="width: 100%">
                                    <el-option label="001" value="001"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" offset="1">
                            <el-form-item label="医疗待遇类别">
                                <el-select :disabled="true" style="width: 100%">
                                    <el-option label="001" value="001"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="入院日期">
                                <el-date-picker :disabled="true" type="datetime"
                                                style="width: 100%"></el-date-picker>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="出院日期">
                                <el-date-picker :disabled="true" type="datetime"
                                                style="width: 100%"></el-date-picker>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--                    第四行-->
                    <el-row type="flex">
                        <el-col :span="5">
                            <el-form-item label="入院诊断疾病">
                                <el-select :disabled="true" style="width: 100%">
                                    <el-option label="已报销" value="001"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="报销标志">
                                <el-select :disabled="true" style="width: 100%">
                                    <el-option label="已报销" value="001"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
            </div>
        </div>
        <span>费用信息列表</span>
        <div class="container">
            <div>
                <el-table
                    :data="costList"
                
                    class="table"
                    ref="multipleTable"
                    header-cell-class-name="table-header"
                    style="margin-top: 10px"
                >
                    <el-table-column type="selection" label="序号" width="55" align="center"></el-table-column>
                    <el-table-column prop="areaCode" label="统筹区号" align="center"></el-table-column>
                    <el-table-column prop="organizationCode" label="定点医疗机构编码" align="center"></el-table-column>
                    <el-table-column prop="seeDocNo" label="就诊流水号" align="center"></el-table-column>
                    <el-table-column prop="cerNo" label="单据号" align="center"></el-table-column>
                    <el-table-column prop="recipeNo" label="处方号" align="center"></el-table-column>
                    <el-table-column prop="transactionType" label="交易类型" align="center"></el-table-column>
                    <el-table-column prop="returnNo" label="退费流水号" align="center"></el-table-column>
                    <el-table-column prop="itemCode" label="医保收费项目编码" align="center"></el-table-column>
                    <el-table-column prop="recipeDate" label="处方日期" align="center"></el-table-column>
                    <el-table-column prop="itemType" label="收费项目种类" align="center"></el-table-column>
                </el-table>
                <div class="pagination">
                    <el-pagination
                        background
                        layout="total, prev, pager, next"
                        :current-page="query.pageIndex"
                        :page-size="query.pageSize"
                        :total="pageTotal"
                        @current-change="handlePageChange"
                    ></el-pagination>
                </div>
            </div>
        </div>
        <span>调查任务信息</span>
        <div class="container">
            <div>
                <el-form :model="null" label-width="100px">
<!--                    第一行-->
                    <el-row type="flex">
                        <el-col :span="5">
                            <el-form-item label="经办机构编码">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" offset="1">
                            <el-form-item label="统筹区号">
                                <el-select style="width: 100%">
                                    <el-option label="001" value="西安中科软"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" offset="1">
                            <el-form-item label="医疗机构编码">
                                <el-select style="width: 100%">
                                    <el-option label="001" value="西安中科软"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" offset="1">
                            <el-form-item label="就诊流水号">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
<!--                    第二行-->
                    <el-row type="flex">
                        <el-col :span="5">
                            <el-form-item label="社保个人编号">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="被保险人">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="证件号">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="调查流水号">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
<!--                    第三行-->
                    <el-row type="flex">
                        <el-col :span="5">
                            <el-form-item label="调查人员编码">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5" :offset="1">
                            <el-form-item label="调查费用">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
<!--                    第四行-->
                    <el-row type="flex">
                        <el-col :span="23">
                            <el-form-item label="调查原因">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row type="flex">
                        <el-col :span="23">
                            <el-form-item label="调查要求">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row type="flex">
                        <el-col :span="23">
                            <el-form-item label="调查经过">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row type="flex">
                        <el-col :span="23">
                            <el-form-item label="调查结果">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row type="flex">
                        <el-col :span="23">
                            <el-form-item label="调查结论">
                                <el-input style="width: 100%"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
            </div>
        </div>
        <span>调查历史</span>
        <div class="container">
            <div>
                <el-table
                    :data="researchHistory"
                    border
                    class="table"
                    ref="multipleTable"
                    header-cell-class-name="table-header"
                    style="margin-top: 10px"
                >
                    <el-table-column type="index" label="序号" width="55" align="center"></el-table-column>
                    <el-table-column prop="submitTime" label="提交时间" align="center"></el-table-column>
                    <el-table-column prop="surveyPass" label="调查经过" align="center"></el-table-column>
                    <el-table-column prop="surveyResult" label="调查结果" align="center"></el-table-column>
                    <el-table-column prop="surveyVerdict" label="调查结论" align="center"></el-table-column>
                    <el-table-column prop="surveyCost" label="调查费用" align="center"></el-table-column>
                </el-table>
                <div class="pagination">
                    <el-pagination
                        background
                        layout="total, prev, pager, next"
                        :current-page="query.pageIndex"
                        :page-size="query.pageSize"
                        :total="pageTotal"
                        @current-change="handlePageChange"
                    ></el-pagination>
                </div>
                <div>
                    <el-button type="primary"  @click="onSubmit" style="width: 10%">重置</el-button>
                    <el-button type="primary"  @click="ondelete" style="width: 10%">提交审核</el-button>
                    <el-button type="primary"  @click="ondelete" style="width: 10%">关闭</el-button>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'researchManage',
    data() {
        return {
            query: {
                address: '',
                name: '',
                pageIndex: 1,
                pageSize: 10
            },
            multipleSelection: [],
            delList: [],
            editVisible: false,
            pageTotal: 1,
            idx: -1,
            id: -1,
            costList: [
                {
                    areaCode:'001',
                    organizationCode:'001',
                    seeDocNo:'001',
                    cerNo:'001',
                    recipeNo:'001',
                    transactionType:'支付宝',
                    returnNo:'001',
                    itemCode:'001',
                    recipeDate:'2021-01-01',
                    itemType:'外科',
                }
            ],
            researchHistory:[{
                submitTime:'2021-01-01',
                surveyPass:'调查中',
                surveyResult:'通过无误',
                surveyVerdict:'可以提交审核',
                surveyCost:'200',
            }]
        };
    }
};
</script>

<style lang="scss" scoped>
    .button_a{
       background-color:rgba(255, 138, 0, 1);
   border-color:rgba(255, 138, 0, 1);

    }
   .col_a{
       margin-left: 2%;
   }
   /deep/.el-row--flex{
       height: 50px;

   }
   /deep/.el-input__inner{
      height: 30px;    
      line-height: 23px;    
  }
  .el-card{
      height: 200px;
  }
  .el-button--primary{
   background-color:rgba(255, 138, 0, 1);
   border-color:rgba(255, 138, 0, 1);
  }
  /deep/.el-form-item__label{

   color: #333333;
   font-weight: 400;
   text-align: right;
   vertical-align: middle;
   float: left;
   font-size:12px;
   color: #606266;
   line-height: 40px;
   padding: 0 12px 0 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box; 
  }
  /deep/.el-input__inner{
   font-family: '微软雅黑', sans-serif;
   font-style: normal;
   font-size: 10px;
   color: #333333;
   text-align: left;
   line-height: 10px;
   font-weight: 400;
   height: 30px;
   width: 100%;
 }
 /deep/.el-table .cell{
   line-height: 10px;
   font-size: 11px;
   font-weight: 800;
 }
 /deep/.el-table th{
   background-color:rgba(249, 249, 249, 1);
 }
 /deep/.el-table tr {
   background-color:rgba(249, 249, 249, 1);
 }
</style>
